<style>
.table-paginate {
	margin: 0 auto;
	text-align: center;
}
</style>
<script type="text/javascript">
	$(function() {		
		reloadPage();
	});
	function reloadPage(){
		<#if pager??&&(pager.pageCount>0)>
			// 从Session中取到对应的值
			var pageNo=${pager.pageNo!};//当前页码	
			if(pageNo==null){
				return;
			 }
			 		
			var pageSize=${pager.pageSize!};//页面大小
			var pageCount=${pager.pageCount!};//总页面数目
			var itemCount=${pager.itemCount!};//元素数目
			
			// 计算显示的最小页、最大页
			var pageMin = pageNo - 5;
			var pageMax = pageNo + (pageSize - 6);
	
			// 修正最小页
			if (pageMin < 1) {
				pageMin = 1;
				pageMax = pageSize;
				if (pageMax > pageCount) {
					pageMax = pageCount;
				}
			}
	
			// 修正最大页
			if (pageMax > pageCount) {
				pageMax = pageCount;
				pageMin = pageMax - pageSize + 1;
				if (pageMin < 1) {
					pageMin = 1;
				}
			}
	
			// 页面描述变量
			var ulPageDescript = '第'+pageNo+'页,共'+pageCount+'页['+itemCount+'条记录],每页显示'+pageSize+'条';
			// 首页显示变量
			var ulPageFirst = '<li class="paginate_button"><a href="javascript:loc(1);">首页</a></li>';
			// 上一页显示变量
			var ulPagePre = '<li class="paginate_button"><a href="javascript:loc(' + (pageNo - 1) + ');">上一页</a></li>';
			// 下一页显示变量
			var ulPageNext = '<li class="paginate_button"><a href="javascript:loc(' + (pageNo + 1) + ');">下一页</a></li>';
			// 尾页显示变量
			var ulPageLast = '<li class="paginate_button"><a href="javascript:loc(' + pageCount + ');">尾页</a></li>';
			if (pageNo == 1) {// 如果当前页为首页，首页与上一页不可选择
				ulPageFirst = '<li class="paginate_button disabled"><a>首页</a></li>';
				ulPagePre = '<li class="paginate_button disabled"><a>上一页</a></li>';
			}
			if (pageNo == pageCount) {// 如果当前页为尾页，下一页与尾页不可选择
				ulPageNext = '<li class="paginate_button disabled"><a>下一页</a></li>';
				ulPageLast = '<li class="paginate_button disabled"><a>尾页</a></li>';
			}
			var ulHtml = "";
			ulHtml +='<ul class="pagination">';
			ulHtml += ulPageFirst;
			ulHtml += ulPagePre;
			// 循环从最小页输出到最大页
			for (var i = pageMin; i < pageMax + 1; i++) {
				if (i == pageNo) {
					// 输出当前页
					ulHtml += '<li class="paginate_button active"><a>' + i + "</a></li>";
				} else {
					// 输出其它页
					ulHtml += '<li class="paginate_button"><a href="javascript:loc(' + i + ');">' + i + '</a></li>';
				}
			}
			ulHtml += ulPageNext;
			ulHtml += ulPageLast;
			ulHtml +='</ul>';
		<#else>
			var ulPageDescript = '第1页,共1页[0条记录],每页显示10条';
			var ulPageFirst = '<li class="paginate_button disabled"><a>首页</a></li>';
			var ulPageLast = '<li class="paginate_button disabled"><a>尾页</a></li>';
			var ulPageCurrent = '<li class="paginate_button active"><a>1</a></li>';
			var ulPagePre = '<li class="paginate_button disabled"><a>上一页</a></li>';
			var ulPageNext = '<li class="paginate_button disabled"><a>下一页</a></li>';
			var ulHtml= "";
			ulHtml += '<ul class="pagination">';
			ulHtml += ulPageFirst+ulPagePre+ulPageCurrent+ulPageNext+ulPageLast;
			ulHtml += '</ul>';
		</#if>
		//$("#table-info").html(ulPageDescript);
		$("#table-paginate").html(ulHtml);
	}
	function loc(pageNo) {
		var url = "${base}/resetPageAction.json";
		var entity = {
			pageNo: pageNo
		};
		var onloadFunc = function(result) {
			if (result.isSuccess == true) {
				history.go(0);
			} else {
				alert(result.message);
			}
		};
		httpRequestPostJson(url, entity, false, onloadFunc);
	};
</script>

<div class="row">
	<div class="col-md-12">
		<div class="table-paginate" id="table-paginate">
			<ul class="pagination">
			</ul>
		</div>
	</div>
</div>